import React from 'react';
import { Typography, makeStyles } from '@material-ui/core';

const useStyles = makeStyles(() => ({
  container: {
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',
    justifyContent: 'center',
    minHeight: '20vh',
  },
}));

export default function Empty() {
  const classes = useStyles();
  return (
    <div className={classes.container}>
      <Typography variant="h2">暂无消息</Typography>
    </div>
  );
}
